<template>
  <form action="" style="height:100vh">
      <!-- <top :pageTitle="pageTitle"></top> -->
      <!-- <fail-pop-up></fail-pop-up> -->
      <ul style="display:flex;justify-content: space-around;padding: 20px 0">
          <li style=""><input type="radio" id="highOpinion" value="2" name="opintion"><label for="highOpintion" class="opinionActive">好评</label></li>
          <li><input type="radio" id="middleOpinion" value="1" name="opintion"><label for="middleOpintion">中评</label></li>
          <li><input type="radio" id="lowOpinion" value="0" name="opintion"><label for="lowOpintion">差评</label></li>
      </ul>
      <div style="position:relative;padding:4vw">
          <span style="font-size:18px;display:block;color:#333333">内容评价<i style="color:#FF4C50">*</i></span>
          <textarea name="" id="" cols="30" rows="10" style="width:92vw;height:100px;background:#f5f5f5;resize:none;outline:none;margin:0 auto;display:block;margin-top:4vw"></textarea>
          <span style="color:#999999;position:absolute;left:50%;margin-left:-36px;top:50%">最少10个字</span>
      </div>
      <div style="position:relative;padding:4vw">
          <span style="font-size:18px;display:block;color:#333333">建议</span>
          <textarea name="" id="" cols="30" rows="10" style="width:92vw;height:100px;background:#f5f5f5;resize:none;outline:none;margin:0 auto;display:block;margin-top:4vw"></textarea>
          <span style="color:#999999;position:absolute;right:6vw;bottom:20px">选填</span>
      </div>
      <div style=";position:fixed;bottom:0px;width:100vw">
            <mu-button :ripple=false :flat=true style="border-radius: 100px;width:92vw;height:50px;margin:0 auto;font-size:18px;background:#333333;color:#ffffff;display:block" v-on:click="isShowfunc($event)">提交</mu-button>
      </div>
  </form>
      
</template>
<script>
import axios from 'axios';
import failPopUp from '@/components/common/failpopUp.vue';
import Top from '@/components/common/top.vue';
export default {
    name:'afterSaleEvaluation',
    components:{
        'failPopUp':failPopUp,
        'Top':Top,
    },
    data () {
        return {
            pageTitle:"售后评价"
        }
    },
    computed:{
        
    },
    methods:{
        
    },
    created() {
       
    }
}
</script>
<style lang='scss'>
    #highOpinion,#middleOpinion,#lowOpinion{
        display:none
    }
    .opinionActive{
        background:#FF4C50;
        color:#ffffff;
    }
    label{
        display: inline-block;
        height: 60px;
        width: 60px;
        line-height: 60px;
        text-align: center;
        background:#f5f5f5;
        border-radius: 50%;
        overflow: hidden;
        
    }
</style>